<{include file="top_v2.html" }>
<link rel="stylesheet" href="<{$preStaticUrl}>Wap/v2/css/swiper-3.3.1.min.css" />
</head>
<body>
    <div id="wrap" class="pt detail-page">
        <div class="header themeRed">
            商品详情
            <a href="javascript:window.history.back();" class="back"></a>
        </div>

        <{*轮播*}>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <{foreach from=explode(',',$info['album'])  item=item}>
                <div class="swiper-slide">
                    <a href="javascript:void(0)"><img src="<{$item}>"  /></a>
                </div>
                <{/foreach}>
            </div>
        </div>

        <!--<div class="img-box">-->
            <!--<img src="Public/Wap/v2/img/pic/4.jpg" alt="">-->
        <!--</div>-->




        <div class="conbox">
            <{$info['detail']}>
        </div>
        <div class="fixBox">
            <{if $noPhone eq 1}>
            <a href="javascript:void(0)" id="bind" class="btnBig">立即预约</a>
            <{else}>
            <a href="<{U('order?id='|cat:$info['id'])}>" class="btnBig">立即预约</a>
            <{/if}>
        </div>
    </div>
</body>
</html>
<script src="<{$preStaticUrl}>Wap/v2/js/swiper-3.3.1.min.js"></script>
<script>
    $(function(){
        var mySwiper = new Swiper ('.swiper-container', {
            loop: true,
            autoplay: 3000,
            autoplayDisableOnInteraction: false
        })
        $('#bind').click(function(){
            //询问框
            layer.open({
                content: '您尚未绑定手机号，只有绑定用户才可使用本服务'
                ,btn: ['去绑定', '不要']
                ,yes: function(index){
                    location.href="<{u('user/bind')}>";
                    layer.close(index);
                }
            });
        });


    })
</script>